<script setup>


</script>

<template>
    <div class="dev">
        <h1>测试面板</h1>
        <button @click="refreshTiles()">点击生成随机方块</button>
        <button @click="isNumberToggle=!isNumberToggle">切换显示数字</button>
        <p>原始棋盘数组:{{boardData}}</p>
        <p>扁平化后的棋盘数据：{{ flatBoardData }}</p>
        <p>点击的方块位置(行,列)：{{ position }}</p>
        <p>同一行/列的元素:{{peers}}</p>
        <p>同一行/列的连续三个以上相同元素索引:{{theSameElementIndex}}</p>
        <p>转置之后的棋盘数据（按照列）{{ flatToColumnedData(flatBoardData)}}</p>
        <p>列整理之后再转回来的数据{{ columnToFlatData(flatToColumnedData(flatBoardData)) }}</p>
        <p class="dev-messages">调试信息:{{devMessages}}+{{boardDimension}}</p>
        <input type="text" v-model="boardDimension" placeholder="输入网格大小(行列数)">
      </div>
</template>